<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>demo1</title>
    <script src="js/three.js"></script>

</head>
<body>
<script>
    var scene = new THREE.Scene();
    var camera = new THREE.PerspectiveCamera(75,window.innerWidth/window.innerHeight,0.1,1000);
    var renderer = new THREE.WebGLRenderer();

    renderer.setSize(window.innerWidth,window.innerHeight);

    document.body.appendChild(renderer.domElement);
    var geometry = new THREE.BufferGeometry(1,1,1);
    var material = new THREE.MeshBasicMaterial({color:0xff0000});
    var cube = new THREE.Mesh(geometry,material);

    scene.add(cube);//场景里添加物体

    camera.position.z = 5;//把相机向z轴移动5像素

    function render(){
        requestAnimationFrame(render);
        cube.rotation.x += 0.1;
        cube.rotation.y += 0.1;
        renderer.render(scene,camera);
    }
    render();

</script>
</body>
</html>
